<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>云购一号</title>
</head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<body>
    <div class="box">
        <div class="content">
        <div class="logo"></div>
        <ul class="nav-list">
            <li><a href="index.html" class="color-red">首页</a></li>
            <li><a href="app.html">APP下载</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="shopping.html">招商</a></li>
            <li class="last"> <img src="img/phone.png"/>400-1118-108</li>
        </ul>
    </div>
        <div class="banner">
            <img src="img/banner.png"/>
        </div>
        <!--火爆热销-->
        <div class="hotproduct">
            <h1>火爆热销</h1>
            <ul class="hb-list">
                <li class="hb-one">
                    <img src="img/goods1.png"/>
                    <div class="hb-one-a">
                        <h2>六福珠宝</h2>
                        <p>获奖名单</p>
                        <span>立即夺宝</span>
                    </div>
                </li>
                <li class="hb-two">
                    <img src="img/goods2.png"/>
                    <div class="hb-two-a">
                        <h2>六福珠宝</h2>
                        <p>获奖名单</p>
                        <span>立即夺宝</span>
                    </div>
                </li>
                <li class="hb-three">
                    <img src="img/goods3.png" />
                    <div class="hb-three-a">
                        <h2>六福珠宝</h2>
                        <p>获奖名单</p>
                        <span>立即夺宝</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="whole-network">
            <h1>全网唯一家不败家的夺宝平台</h1>
            <p>你花的，还是你花的</p>
            <div class="wn-box">
                <div class="wn-left">
                    <h2>云购一号</h2>
                    <div class="wn-left1">
                    <div class="wn-left1-up"></div>
                        <div class="wn-left1-down">
                            <h6>放心一元购</h6>
                            <p>中奖获得商品</p>
                        </div>
                    </div>
                    <div class="wn-left2">
                        <div class="wn-left2-up"></div>
                        <div class="wn-left2-down">
                            <h6>用于商城购物</h6>
                            <p>未中奖抵用券</p>
                        </div>
                    </div>
                </div>
                <!--vs-->
                <p class="vs">vs</p>
                <!--右侧-->
                <div class="wn-right">
                    <h2>其他平台</h2>
                    <div class="wn-right-up"></div>
                    <div class="wn-right-down"></div>
                    <h6>中不中奖</h6>
                    <p>夺宝金都没了</p>
                </div>
            </div>
        </div>
        <!--玩法介绍-->
        <div class="play">
            <h1>玩法介绍</h1>
            <ul class="play-box">
                <li class="p-one">
                    <div class="p-one-up"></div>
                    <p>假设宝贝价值6元</p>
                </li>
                <li class="p-two">
                    <img src="img/index_arrow.png">
                </li>
                <li class="p-three">
                    <div class="p-three-up"></div>
                    <div class="p-down">
                        <p>6人夺宝每次1元</p>
                    </div>
                </li>
                <li class="p-four">
                    <img src="img/index_arrow.png">
                </li>
                <li class="p-five">
                    <div class="p-five-up"></div>
                    <p>系统随机产生1名中奖者</p>
                </li>
                <li class="p-six">
                    <img src="img/index_arrow.png">
                </li>
                <li class="p-seven">
                    <div class="p-seven-up"></div>
                    <p>参与多次可提高获奖</p>
                </li>
            </ul>
        </div>
        <!--千万心动商品-->
        <div class="shop">
            <h1>千万心动商品，一网打尽</h1>
            <p>花最少，得到最好</p>
            <div class="shop-icon">
                <div class="shop-left">
                    <div class="shop-car">
                        <div class="shop-left-top"></div>
                        <p><em>顶级豪车类</em>(宝马、特斯拉)</p>
                    </div>
                    <div class="shop-iphone">
                        <div class="shop-left-middle"></div>
                        <p><em>数码产品类</em>(iPhone6 plus、单反)</p>
                    </div>
                   <div class="shop-game">
                       <div class="shop-left-bottom"></div>
                       <p><em>游戏装备</em>(lol绝品英雄皮肤等)</p>
                   </div>
                </div>
                <div class="shop-right">
                    <div class="shop-car">
                        <div class="shop-right-top"></div>
                        <p><em>生活奢侈品</em>(名包名表等)</p>
                    </div>
                    <div class="shop-iphone">
                        <div class="shop-right-middle"></div>
                        <p><em>营养保健品</em>(冬虫夏草等)</p>
                    </div>
                    <div class="shop-game">
                        <div class="shop-right-bottom"><p><em>
                            ......
                        </em></p></div>

                </div>
                </div>


            </div>
        </div>
        <!--三大福利-->
        <div class="welfare">
            <h1>三大福利，high到飞起</h1>
            <p>新手老手，秒变好手</p>
            <div class="wf-box">
                <div class="wf-one">
                    <div class="wf-one-top"></div>
                    <p>首次登录<em>送1次</em></p>
                </div>
                <div class="wf-two">
                    <div class="wf-two-top"></div>
                    <p>关注公众号<em>送5次</em>抵扣夺宝</p>
                </div>
                <div class="wf-three">
                    <div class="wf-three-top"></div>
                    <p>高比例重值<em>送夺宝</em></p>
                </div>
            </div>
        </div>
        <!--建立玩家朋友圈-->
        <div class="friend">
            <h1>建立玩家朋友圈，坐享佣金</h1>
            <p>要你挣的，比你花的多</p>
            <div class="f-image">
                <img src="img/index_friend.png">
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <div class="top">

                <a>首页</a>|
                <a>APP下载</a>|
                <a>关于我们</a>|
                <a>招商</a>
                <p>Copyright 2016,版权所有云购一号 粤ICP备3333号 云购一号技术有限公司</p>
            </div>
        </div>
    </div>
</body>
</html>